import React, { Component } from 'react';
import  Search from '@c/search/Search'

export default class Header extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render() {
    return (
      <div style={{
        backgroundColor: 'rgba(48,139,254)'
      }}>

        <header style={{
          height: '.44rem',
          lineHeight: '.44rem',
          textAlign: 'center',
          fontSize: '.17rem',
          backgroundColor: 'rgba(48,139,254)',
          color: '#fff',
          padding: '0 0.09rem',
          display: 'flex',
          alignItems: 'center'
        }}>
          <div style={{  height: '0.15rem', lineHeight:'.15rem',fontSize:'.15rem' }} >北京市</div>
          <span style={{ flex: '1' }}>
            <Search
              innerbg="#72C1EC"
              svgfill="#308BFE"
            ></Search>
          </span>
          <i style={{  }}>(xxx)</i>
        </header>
        <div></div>
      </div>

    );
  }
}
